<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/pages/template/system_template.xhtml">
	<ui:define name="content">
		<div class="div-content">

			<p:growl autoUpdate="true" showDetail="true" showSummary="true"
				life="10000" />

			<div align="center" class="header-title-page">
				Realizar Prova
				<p:separator />
			</div>

			<h:form id="frmRealizarProva">
				<p:panelGrid columns="3" style="width: 100%;"
					columnClasses="width20, width60, width20">
					<h:outputText value=" " />
					<p:panel style="width: 100%;">


						<h:outputText value="Informações:"
							style="font-size: 14px; text-decoration: underline;" />
						<br />
						<br />
						<h:outputText
							value="Leia atentamente todas as questões e ao final, assim que escolher as opções, clique em 'Finalizar prova.'" />
						<br />
						<h:outputText
							value="NOTA: Você não poderá sair dessa página, pois o sistema já está contabilizando o tempo da prova." />
						<br />
						<br />
						<h:outputText value="Data/Hora Início: " />
						<h:outputText value="#{dashboardColManagedBean.provaRealizadaSelecionada.dataHoraInicio}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm" timeZone="America/Sao_Paulo"/>
						</h:outputText>
						<h:outputText value=" - Término: "/>
						<h:outputText value="#{dashboardColManagedBean.provaRealizadaSelecionada.dataHoraFim}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm" timeZone="America/Sao_Paulo"/>
						</h:outputText>
						<p:separator />
						<br/>
						<br/>

						<ui:repeat var="questao" varStatus="linha"
							value="#{dashboardColManagedBean.listaQuestoes}">
							<p:panelGrid columns="2" style="width: 100%;"
								columnClasses="width5, width95">
								<h:outputText value="(#{linha.index + 1}) "
									style="font-size: 14px; font-weight: bold;" />
								<h:outputText value="#{questao.descricaoQuestao}" />
							</p:panelGrid>
							<p:selectOneRadio value="#{questao.opcaoSelecionada}"
								layout="pageDirection">
								<f:selectItems value="#{questao.listaOpcoes}"
									itemLabel="#{opcao.tituloOpcao}" itemValue="#{opcao.opcaoId}"
									var="opcao" />
							</p:selectOneRadio>
							<br />
							<div style="border-top: 1px solid #cbc7bd;"></div>
						</ui:repeat>
						<p:commandButton value="Finalizar prova" style="margin-top: 15px;"
							action="#{dashboardColManagedBean.submitProva}" ajax="false" />
					</p:panel>
					<h:outputText value=" " />
				</p:panelGrid>
			</h:form>

		</div>
	</ui:define>
</ui:composition>

</html>